<template>
    <div class="listCustomerOrders">
        <index-top />
        <order-header />
        <div style="width: 100%;display: flex;justify-content: center">
            <div class="orderMain">
                <order-left-nav />
                <order-right-main />
            </div>
        </div>
        <common-footer />
    </div>
</template>
<script lang="ts">
    import { Component, Vue } from 'vue-property-decorator'
    import { Action, Getter } from 'vuex-class'
    import logo from '@/components/common/images/logo.png'
    import { namespace } from 'vuex-class';
    import * as _ from 'lodash'
    import Header from "@/components/portal-index/customer-portal/header/index.vue";
    import Footer from "@/components/portal-index/customer-portal/footer/index.vue";
    import IndexTop from "@/components/portal-index/customer-portal/header/indexTop.vue";
    import OrderHeader from "@/components/portal-index/order-info/order-header.vue";
    import OrderLeftNav from "@/components/portal-index/order-info/orders-left-nav.vue";
    import OrderRightMain from "@/components/portal-index/order-info/order-right-main.vue";
    @Component({
        components: {
            CommonHeader: Header,
            CommonFooter: Footer,
            OrderHeader,
            IndexTop,
            OrderLeftNav,
            OrderRightMain
        }
    })
    export default class ListCustomerOrders extends Vue {
        private async created() {

        }
    }
</script>
<style lang="less">
    .listCustomerOrders {
        width: 100%;
        background-color: #f5f5f5;

        .orderMain {
            display: flex;
            flex-direction: row;
            width: 80%;
            justify-content: center;
        }
    }
</style>